html,body {height: 100%;width: 100%;}
body {background: #313131;height: auto;min-height: 100%;}
@media only screen and (max-width:300px){
	body{font-size:8.33333px}
}
@media only screen and (max-width:310px) and (min-width:300px){
	body{font-size:8.33333px}
}
@media only screen and (max-width:320px) and (min-width:310px){
	body{font-size:8.61111px}
}
@media only screen and (max-width:350px) and (min-width:320px){
	body{font-size:8.88889px}
}
@media only screen and (max-width:360px) and (min-width:350px){
	body{font-size:9.72222px}
}
@media only screen and (max-width:400px) and (min-width:360px){
	body{font-size:10px}
}
@media only screen and (max-width:470px) and (min-width:400px){
	body{font-size:11.11111px}
}
@media only screen and (max-width:480px) and (min-width:470px){
	body{font-size:13.05556px}
}
/* #course cbox box
================================================== */
.NXB-cbox {border-bottom: 1px solid #626262;border-top: 1px solid #666666;overflow: hidden;right: 320px;position: absolute;top: 0;right: 320px;bottom: 0;left: 0;}
.NXB-pc-wrap {background: #313131;width: 100%;height: 100%;}
.N-hiderightbtn {position: absolute;top: 50%;z-index: 9;left: -60px;margin-top: -93px;}
.lt-ie9.lt-ie8 .N-hiderightbtn a em {cursor: pointer;margin-top: 10px;}
.N-pr-loading {background: #313131 url("/static/nxb/images/page/pr-loading.gif") no-repeat 50% 50%;display: none;width: 300px;height: 225px;position: absolute;top: 50%;left: 50%;margin: -112px 0 0 -150px;z-index: 1;}
.cl-back {position: absolute;left: 20px;top: 14px;z-index: 8;width: 16px; height: 29px;display: inline-block;}
.N-L-tt-up-dw a:hover {background: #aaa;text-decoration: none;}
.N-l-title {padding: 18px 15px 15px 60px;overflow: hidden;}
.N-l-t-box {padding-right: 120px;position: relative;}
.N-L-tt-up-dw {position: absolute;right: 0;top: 2px;}
.N-L-tt-up-dw a {background: #bbb;color: #4e4e4e;display: none;float: left;width: 59px;text-align: center;height: 24px;line-height: 24px;font-size: 12px;}
.nlt-up {border-radius: 3px 0 0 3px;border-right: 1px solid #c0c0c0;}
.nlt-dw {border-radius: 0 3px 3px 0;}
.N-l-t-title {height: 26px;overflow: hidden;white-space: nowrap;}
.N-l-t-title span {height: 24px;line-height: 24px;font-size: 14px;vertical-align: middle;}
.N-l-t-title span.N-l-tt-name {font-size: 20px;color: #ccc;vertical-align: baseline;}
.N-l-tt-z small {font-size: 14px;margin: 0 3px;}
.N-l-tt-z,.N-l-tt-j {background: #999;border-radius: 20px 0 0 20px;color: #333;padding: 0 15px;}
.N-l-tt-j {background: #000;color: #999;margin-left: -15px;border-radius: 20px;}
.N-l-tt-j big {background: #30a4ff;border: 1px solid #000;color: #000;display: inline-block;text-align: center;width: 22px;height: 22px;line-height: 22px;font-size: 14px;border-radius: 50%;margin: 0 -15px 0 10px;}
.N-l-tt-x {color: #ccc;margin-left: 5px;}
.pl-flash-box {background: #000;bottom: 30px;box-shadow: 0 1px 5px #111;left: 20px;position: absolute;right: 0;top: 60px;z-index: 55;}
.pl-audio-box {background: url("/static/nxb/images/page/audio-big-bg.jpg") no-repeat center center; background-size: 100% 100%;}
.pl-audio-box p {line-height: 1.8;color: #333;padding: 0 20px;}
.pl-audio-box h2 { padding: 0 20px;}
.pl-graphic-box {padding: 22px 22px 15px;background: #fff;}
.pl-graphic-box p {line-height: 2;color: #333;font-size: 14px;}
	/* #course cTool box
    ================================================== */
.NXB-cTool {background: rgba(255, 255, 255, 0.9);bottom: 0;box-shadow: 0 1px 8px #333;overflow: visible;position: absolute;right: 0;top: 0;width: 320px;z-index: 9999;}
.lt-ie9.lt-ie8 .NXB-cTool,.lt-ie9 .NXB-cTool,.lt-ie9.lt-ie8 .n-ctCont-menu .c-white-box,.lt-ie9 .n-ctCont-menu .c-white-box {background: #fbfbfb;}
.nct-bo {position: absolute;width: 100%;left: 0;right: 0;top: 0;bottom: 0;height: 100%;}
.n-ctInfo {background: #313131;padding: 52px 15px 15px 15px;clear: both;height: 49px;position: relative;overflow: hidden;}
.it-ie8 .n-c-attr-box div .col-50 {width: 48%;}
.n-c-pic {display: inline-block;height: 75px;width: 134px;position: absolute;right: 15px;top: 15px;}
.n-c-close {display: inline-block;position: absolute;right: 15px;top: 20px;color: #999;font-size: 14px;}
.n-c-close em {width: 20px; height: 22px; display: inline-block;vertical-align: middle;margin-right:5px;}
.chapter-name {background: none;color: #dfdfdf; border:none;margin: 10px 0 0;}
.n-c-close:hover {text-decoration: none; opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.n-c-attr-box h3 a:hover {text-decoration: none;color: #30a4ff;}
.n-c-pic img {height: 75px;width: 134px;}
.n-ctTabs {background: #313131;border: solid #ddd;border-width: 1px 0;padding: 0 10px;height: 39px;clear: both;}
.n-ctTabs a {height: 38px;line-height: 38px;border-bottom: 2px solid transparent;display: block;float: left;text-align: center;font-size: 16px;color: #333;width: 25%;}
.n-ctTabs a.current {border-color: #30a4ff;color: #30a4ff;}
.n-ctTabs a:hover {text-decoration: none;color: #30a4ff;}
.n-ctCont-box {position: absolute;top: 107px;right: 0;bottom: 0;left: 0;overflow: hidden;background: #313131;}
.n-ctCont-box>article {position: absolute;height: 100%;top: 0;right: 0;bottom: 0;left: 0;}
.n-ctCont-box .n-ct-cont-menu .n-ct-of .c-white-box {display: none;}
.n-ctCont-box .n-ct-cont-menu .c-chapter-state {right: 14px;}
.n-ct-of {position: absolute;top: 0;right: 0;bottom: 0;left: 0;overflow-x: hidden;overflow-y: auto;}
.n-ctCont-menu {margin-bottom: 5px;}
.n-ctCont-menu .chapter-name {padding: 0 10px;}
.n-ctCont-menu .chap-seclist {margin-left: 30px;}
.n-ctCont-menu .chap-seclist ul li .c-p-wrap {height: 42px;overflow: hidden;padding: 0 85px 0 15px;text-overflow: ellipsis;white-space: nowrap;}
.n-ctCont-menu .c-white-box {display: none;}
.n-ct-cont-notice .n-reply-wrap textarea {background: #fff;width: 96%;}
.n-ct-cont-notice .lh-reply-btn {height: 26px;line-height: 26px;font-family: 'Microsoft YaHei';border-radius: 2px;}
.n-ct-cont-answer .lh-reply-btn {border-radius: 2px;}
.n-ctcn-tit {border-bottom: 1px solid #4c4c4c;padding-bottom: 5px;}
.n-ctcn-tit span {color: #999;}
.n-ct-cont-notice-list {padding: 10px 15px 20px;overflow: hidden;}
.n-ct-cont-notice-list .review-box ul li {border-bottom: 1px solid #4c4c4c;padding: 15px 0 15px 50px;}
.n-ct-cont-notice-list .review-box ul li:hover {background: #343434;}
.n-ct-cont-notice-list .review-box ul li .noter-pic img {width: 40px;height: 40px;}
.n-ct-cont-notice-list .noter-txt a:hover {text-decoration: none;}
.n-ctCont-box .n-reply-wrap textarea {width: 96%;height: 75px;}
.n-ct-cont-notice .n-ct-of,.n-ct-cont-answer .n-ct-of,.n-ct-cont-comment .n-ct-of {top: 189px;}
.noter-txt p {color: #999;}
.n-ctCont-box .review-box ul li div.of span.fl {width: 50%;height: 20px;overflow: hidden;text-overflow: ellipsis;white-space: nowrap;}
.lt-ie9.lt-ie8 .play-hall-attr .col-50 {width: 49.5%;}
.chap-seclist ul li .c-learn-sec {margin-left: 0;position: absolute;right: 0;top: 10px;}
.chapter-exam {padding-right: 100px;position: relative;font-size: 14px;color: #999; line-height: 28px;}
.chapter-exam .c-t-enter-btn {position: absolute;right: 10px; top: 8px;font-size: 12px;padding: 2px 13px;}
.bg-mask { background: #000; opacity: .3; filter: alpha(opacity=30);position: fixed; height: 100%; width: 100%;top: 0; right: 0; bottom: 0; left: 0; z-index: 9999}
.syD tt {color: #30a4ff;display: inline-block;font-weight: bold;font-size: 14px;line-height: 32px;height: 32px;text-align: center;width: 28px;margin: 0 3px;overflow: hidden;vertical-align: middle;}
.chap-seclist ul li {padding: 8px 54px 8px 15px;border-bottom: none;text-align: left;}
.no-data-ico.cTipsIco {background-image: url("/static/nxb/images/page/cTipsIco-black.png");width: 55px;}
.c-p-title {color: #999;}
.chap-seclist ul li:hover {background: none;}

.n-ctTab a {margin-bottom: 3px;}
.n-ctTab a {width: 60px; height: 60px;display: block;background: #5f6069;color: #dfdfdf;font-size: 14px; line-height: 60px;text-align: center;}
.n-ctTab a:hover,.n-ctTab a.current {background: #30a4ff;color: #fff;text-decoration: none;}
.n-ct-cont-menu .exam-edit-icon { background-position: -412px -458px;}
.n-ct-cont-menu .chapter-exam:hover .exam-edit-icon { background-position: -412px -487px;}
.n-ct-cont-menu .chapter-exam:hover {text-decoration: none;color: #30a4ff;}
.exam-enter-btn {width: 60px; height: 22px; line-height: 22px;display: inline-block;color: #30a4ff;border: 1px solid #30a4ff;font-size: 12px;text-align: center;}
.exam-enter-btn:hover {text-decoration: none;opacity: 0.9;-moz-opacity: 0.9;filter: alpha(opacity=90);}
.n-ct-cont-exam .exam-enter-btn {width: 90%;height: 36px;line-height: 36px;box-sizing: border-box;margin: 20px 0;background: #30a4ff;color: #fff;letter-spacing: 2px;}

.audio-contain{
	width: 100%;
	height: 78px;
	position: absolute;
	bottom: 0;
	background: #313131;
}

.audio-contain .el-slider{
	width: 98%;
	margin: 0 auto;
}

.back-contain{
	width: 100%;
	height: 100%;
	background: #000;
}

.audio-contain .el-slider__runway{
	width: 99%;
	height: 5px;
	margin: 7px auto 0 auto;
	margin-top: 5px;
	background: #fff;
}
.audio-contain .el-slider__button{
	width: 1px;
	border-radius: 0;
	height: 4px;
	background-color: #409EFF;
}
.audio-contain .el-slider__bar{
	height: 5px;
}
